<template>
    <el-card class="box-card" style="width:80%;margin:20px 0px 0px 20px;">
      <div v-for="(value, index) in cardDate " :value="value" :key="value.id" :index="index"
        style="display: inline-block;width: 40%;margin:20px 0px 0px 65px;font-size: 13px;">
        <el-card>
          <div slot="header" class="clearfix" style="display:flex;margin-left: 10px;">
            <span :value="value.notes" style="align-self: center;padding-top:10px;">{{ value.notes }}编码</span>
            
              <el-switch  style="align-self: center;margin-left: 270px;padding-top:10px;" v-model="value.flag" active-color="#13ce66" inactive-color="#ff4949">
              </el-switch>
            
          </div>
          <div class="zd1">适用范围:</div>
          <div class="zd1">验证人:</div>
          <div class="zd1">操作时间:</div>
          <el-button style="margin-left:320px" id="bj1" type="primary" @click="bj(value)">设置</el-button>
        </el-card>
        
      </div>
    </el-card>
  </template>
  
  <script>
  export default {
    methods: {
      bj(val) {
        this.dialogFormVisible = true;
      }
    },
    data() {
      return {
        formEnCoding: [],
        dialogFormVisible: false,
        
        cardDate: [
          {
            rules_letter: 1,
            rules_time_type: '2016-05-02',
            rules_num: '王小虎',
            notes: '上海市普',
            flag: true
          }, {
            rules_letter: 1,
            rules_time_type: '2016-05-02',
            rules_num: '王小虎',
            notes: '上海市普',
            flag: true
          }, {
            rules_letter: 1,
            rules_time_type: '2016-05-02',
            rules_num: '王小虎',
            notes: '上海市普',
            flag: true
          }
  
        ]
      }
    }
  }
  </script>
  
  <style>
  .zd1 {
    margin: 10px 0px 0px 20px;
  }
  
  #bj1 {
    font-size: 12px;
    border: 0px;
    margin-left: 190px;
    color: blue;
    background-color: white;
  }
  .el-card__header {
    padding: 0px 0px;
    border-bottom: 1px solid #EBEEF5;
    box-sizing: border-box;
}
  </style>